<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Attendance check</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
    <div class="wrapper col-12">
        <div class="header col-12">
            <ul class="header__nav col-9">
                <li class="header__nav--active"><a class="col-1"href="#">Nav 1</a></li>
                <li><a href="#" class="col-1" >Nav 2</a></li>
                <li><a href="#" class="col-1" >Nav 3</a></li>
            </ul>
            <ul class="header__nav--right col-1">
                <li class="header__nav--active"><a class="col-1" href="#">Log out</a></li>
            </ul>
        </div>
        <div class="content">
            <a href="#" class="btn" style="margin-left: 10px;">Button</a>
            <a href="#" class="btn-orange" style="margin-left: 10px;">Button Orange</a>
            <a href="#" class="btn-red" style="margin-left: 10px;">Button Red</a>
            <form class="form" action="" method="post">
                <div class="form__group">
                    <label for="name1">
                    Your name
                    </label>
                    <input type="text" class="input--small" name="name" placeHolder="Your name" id="name1"/>
                </div>
                <div class="form__group">
                    <label for="name">
                    Your name
                    </label>
                    <input type="text" class="input" name="name" placeHolder="Your name"/>
                </div>
                <div class="form__group">
                    <label for="name">
                    Your name
                    </label>
                    <input type="text" class="input--large" name="name" placeHolder="Your name"/>
                </div>
                <div class="form__group"><label for=""></label>
                    <input type="submit" class="btn" value="Submit"/>
                </div>
            </form>
            <form class="form--horizontal" action="" method="post">
                <div class="form__group">
                    <label for="name">
                    Your name
                    </label>
                    <input type="text" class="input--small" name="name" placeHolder="Your name"/>
                </div>
                <div class="form__group">
                    <label for="name">
                    Your name
                    </label>
                    <input type="text" class="input" name="name" placeHolder="Your name"/>
                </div>
                <div class="form__group">
                    <label for="name">
                    Your name
                    </label>
                    <input type="text" class="input--large" name="name" placeHolder="Your name"/>
                </div>
                <div class="form__group"><label for=""></label>
                    <input type="submit" class="btn-blue" value="Submit"/>
                </div>
            </form>
        </div>
        <div class="footer"></div>
    </div>
</body>
</html>